import { Container } from '@/shared/ui';

import { ReactComponent as QR } from '../../images/QR.svg';
import { Allergy } from '../Allergy';
import { Articles } from '../Articles';
import { Learning } from '../Learning';
import { Menu } from '../Menu';
import { Recepies } from '../Recepies';
import { Scheme } from '../Scheme';
import cs from './Capability.module.scss';

export const Capability = () => (
  <Container className={cs.wrapper}>
    <div className={cs.grid} id="capability">
      <Menu />
      <QR />
      <Articles />
      <Recepies />
      <Scheme />
      <Learning />
      <Allergy />
    </div>
  </Container>
);
